<!DOCTYPE html>
<html>

	<body>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>MasoCoach Program</title>
        <style type="text/css">
				/* Reset Browser CSS */
				html, body, div, span, applet, object, iframe,
				h1, h2, h3, h4, h5, h6, p, blockquote, pre,
				a, abbr, acronym, address, big, cite, code,
				del, dfn, em, img, ins, kbd, q, s, samp,
				small, strike, strong, sub, sup, tt, var,
				b, u, i, center,
				dl, dt, dd, ol, ul, li,
				fieldset, form, label, legend,
				caption, tbody, tfoot, thead, tr, th, 
				article, aside, canvas, details, embed,
				figure, figcaption, footer, header, hgroup,
				menu, nav, output, ruby, section, summary,
				time, mark, audio, video {
					margin: 0;
					padding: 0;
					border: 0;
					xfont: inherit;
				}
				/* HTML5 display-role reset for older browsers */
				article, aside, details, figcaption, figure,
				footer, header, hgroup, menu, nav, section {
					display: block;
				}
				body {
					line-height: 1;
				}
				ol, ul {
					list-style: none;
				}
				blockquote, q {
					quotes: none;
				}
				blockquote:before, blockquote:after,
				q:before, q:after {
					content: '';
					content: none;
				}
				.buttonStyle {width: 80px; height: 30px};
		</style>
		<link type="text/css" href="../css/redmond/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="../js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery-ui-1.8.14.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

				// Accordion
				$("#accordion").accordion({ header: "h3" });

				// Tabs
				$('#tabs').tabs();


				// Dialog
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() {
							$(this).dialog("close");
						},
						"Cancel": function() {
							$(this).dialog("close");
						}
					}
				});

				//buttons
				$( "a.button, a.menuButton" ).button();


				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});

				// Slider
				$('#slider').slider({
					range: true,
					values: [17, 67]
				});

				// Progressbar
				$("#progressbar").progressbar({
					value: 20
				});

				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); },
					function() { $(this).removeClass('ui-state-hover'); }
				);

			});
		</script>
		<style>




			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}

			h1.pageHeader {
				background: url(css/customImages/cgu.png) center left no-repeat;
				height: 62px;
				line-height: 62px;
				padding-left: 150px;
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid #999999;
			}

			div.leftNav {
				float: center;
				width: 190px;
				height: 400px;
			}

			a.menuButton {
				width: 150px;
				text-align: left;
				padding-left: 20px;
			}

		</style>
	</head>
	
<table align="center" cellspacing="10">
<tr><td><a class="menuButton" href="2011 SAD.htm">2011 SAD</a></td></tr>
<tr><td><a class="menuButton" href="2011 AAD.htm">2011 AAD</a></td></tr>
<tr><td><a class="menuButton" href="2010 Div1.htm">2010 Div1</a></td></tr>
<tr><td><a class="menuButton" href="2010 Div2.htm">2010 Div2</a></td></tr>
<tr><td><a class="menuButton" href="2009.htm">2009 League</a></td></tr>
</table>
</html>